<#import "/spring.ftl" as spring />
<html>
<head>

</head>
<body>

<div id="content">

	<h1>LINK TO INSPECTOR TIME FROM YOUR SITE</h1>
	
	<p>If you have your own company website, you can add a button to it that will 
	   direct users to your inspectors' open timeslots on Inspector Time.</p>
	   
	<p>Just copy the html from the box under the image that works best with your site's design, and add it your html.</p>
	   
	   <#assign imgPath = springMacroRequestContext.contextPath + "/images/external/buttons" />
	   <#assign absoluteImgPath = "http://www.inspectortime.com/it/images/external/buttons" />
	   <#assign url = "http://www.inspectortime.com/it/inspectors/${inspectorCompany.shortName}/schedule1.html" />
	   
	   <#macro makeUrl imgName>${('<a href="'+url+'"><img src="'+absoluteImgPath+'/'+imgName+'"></a>')?html}</#macro>
	   
	   <style>
	   	.imgSet {
	   		clear: both;
	   		text-align: center;
			/*border: 1px solid red;*/
			padding: 10px 0px 10px 0px;
	   	}
	   	
	   	.imgAndLink {
	   		float: left;
	   		text-align: center;
	   		width: 33%;
	   	}
	   	
	   	.imgSet input {
	   		border: 1px solid #7fa0b8;
	   		width: 130px;
			height: 12px;
			font-size: 9px;
			margin-top: 5px;
			color: #7fa0b8;
	   	}
	   	
	   	hr {
	   		text-align:center;
	   	}
	   	
	   </style>
	   
	   <div class="imgSet">
		   	<div class="imgAndLink">
		   		<img src="${imgPath}/IT_180x90_a.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_180x90_a.gif" />" />
		    </div>
		    
		    <div class="imgAndLink">
		   		<img src="${imgPath}/IT_180x90_b.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_180x90_b.gif" />" />
		   	</div>
		   	
		   	<div class="imgAndLink">
		   		<img src="${imgPath}/IT_180x90_c.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_180x90_c.gif" />" />
		   	</div>
		   	
		   	<div style="clear:both; margin:0px"></div>
	   </div>
	   
	   <hr />
	   
	   <div class="imgSet">
	       <div class="imgAndLink">
	   	       	<img src="${imgPath}/IT_135x68_a.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_135x68_a.gif" />" />
	   	   </div>
	   	   <div class="imgAndLink">
	   		   	<img src="${imgPath}/IT_135x68_b.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_135x68_b.gif" />" />
	   	   </div>
	   	   <div class="imgAndLink">
	   	       	<img src="${imgPath}/IT_135x90_c.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_135x90_c.gif" />" />
	   	   </div>
	   	   
	   	   <div style="clear:both"></div>
	   </div>
	   
	   <hr />
	   
	   <div class="imgSet">
	   		 <div class="imgAndLink">
	   			<img src="${imgPath}/IT_70x20.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_70x20.gif" />" />
	   		 </div>
	   		 <div class="imgAndLink">	
	   			<img src="${imgPath}/IT_70x20_b.gif" /><br />
		   		<input type="text" onclick="this.select()" value="<@makeUrl "IT_70x20_b.gif" />" />
	   		 </div>
	   		 
	   		 <div style="clear:both"></div>
	   </div>
</div>

</body>
</html>
